<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <title>首页</title>
  <link rel="icon" href="https://s1.ljcdn.com/clogin/favicon.ico">
  <link rel="stylesheet" href="./css/fangdaijisuan_hjx.css">
  <link rel="stylesheet" href="./css/common.css">
  <script src="js/rem1.js"></script>
  <link rel="stylesheet" href="./css/iconfonts.css">


<body>
  <div class="toptop">
    <a href="index_wzt.html" class="header_back">
      <span></span>
    </a>
    <img src="./img/logo.png" style="position: absolute; left: 150px; top: -10px;" alt="">
  </div>
  <div class="app">
    
    <div class="head">
      <ul>
        <li><a href="##">商业贷款</a></li>
        <li><a href="##">组合贷款</a></li>
        <li><a href="##">公积金贷款</a></li>
      </ul>
    </div>
    <div class="mainBody">
      <div class="calculation">
        <ul>
          <li>计算方式</li>
          <li><input type="radio" name="1" checked><span>按贷款总额</span></li>
          <li><input type="radio" name="1"><span>按房屋总价</span></li>
        </ul>
      </div>
      <div class="amount">
        <ul>
          <li>商贷金额</li>
          <li><input type="text" value="0"><span>万</span></li>
        </ul>
      </div>
      <div class="years">
        <ul>
          <li>商贷年限</li>
          <li><span>30年</span> <span class="iconfont icon-youjiantou _fr iconfont2"></span></li>
        </ul>
      </div>
      <div class="theWay">
        <ul>
          <li>利率方式</li>
          <li><span>按LPR</span><span class="iconfont icon-youjiantou _fr iconfont2 "></span></li>
        </ul>
      </div>
      <div class="lpr"><span>07.20</span>
        <p>LPR:一年期3.85%，五年期4.65%，五年期4.65%</p>
        <p>历史LPR</p>
      </div>

      <div class="interestRate">
        <ul>
          <li>商贷利率</li>
          <li><span>4.65%(LPR+0基点)</span><span class="iconfont icon-youjiantou _fr iconfont2 "></span></li>
        </ul>
      </div>
      <div class="but"><button>开始计算</button></div>
      <div class="footer"><span>常见问题</span> <span>|</span> <span>反馈建议</span></div>
    </div>

  </div>

  </div>

</body>
<!-- <script>
  let 
</script> -->
</html>